<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/test.css"/>
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	</head>
	<body>
		<header>
			<div class="w">
				<div class="w head">
					<div class="fl oshine"><img src="images/oshine-logo-black.png" alt=""></div>
					<ul class="fl">
						<li class="fl"><a href="">Home</a></li>
						<li class="fl"><a href="">Pages</a></li>
						<li class="fl"><a href="">Portfolio</a></li>
						<li class="fl"><a href="">SINGLE PORTFOLIO</a></li>
						<li class="fl"><a href="">Headers</a></li>
						<li class="fl"><a href="">Journal</a></li>
						<li class="fl"><a href="">Shop</a></li>
						<li class="fl"><a href="">Shortcodes</a></li>
					</ul>
					<div class="fl sear">
						<li class="fl"><a href class="fa fa-search"></a></li>
						<li class="fl"><a href class="fa fa-align-justify fa-rotate"></a></li>
						<li class="fl"><a href class="fa fa-wechat"></a></li>
					</div>
				</div>
				<div class="title">
					<div class="p1"><p>MAKING THE WEB</p></div>
					<div class="box1">
						<p><b>STYLISH</b></p>
					</div>
					<div class="p2"><p>The Best or Nothing</p></div>
				</div>
			</div>
		</header>
		<div class="main">
			<div class="one w clearfix">
				<h1><b>WE ARE OSHINE</b></h1>
				<div class="p3"><p>A beautiful responsive multi-purpose wordpress theme</p></div>
				<div class="yel fl">
					<div class="fl line"></div>
					<div class="fl box2"></div>
					<div class="fl line"></div>
				</div>
			</div>
			<div class="w two">
				<div class="p4"><p>Oshine comes with 12 unique and stunning demos. We have crafted each and every demo with extensive care and precision and the theme is power packed yet easy to use.</p></div>
				<div class="pic"><img src="images/oshin-mockups-1024x377.png" alt=""></div>
			</div>
			<div class="w three">
				<div class="fl th1">
					<li class="fl"><a href class="fa fa-hand-o-up fa-4x"></a></li>
					<p>12 DEMOS</p>
				</div>
				
				<div class="fl th2">
					<li class="fl"><a href class="fa fa-hand-o-right fa-4x"></a></li>
					<p>POWERFUL OPTIONS</p>
				</div>
				<div class="fl th3">
					<li class="fl"><a href class="fa fa-hand-o-down fa-4x"></a></li>
					<p>PAGE BUILDER</p>
				</div>
				<div class="fl th4">
					<li class="fl"><a href class="fa fa-hand-o-left fa-4x"></a></li>
					<p>UNLIMITED PORTFOLIO</p>
				</div>
			</div>
			<div class="w four">
				<div class="fl fleft clearfix">
					<div class="fl fone">
						<span class="fl fa fa-wechat" style="color: #f9d66f;"></span>
						<h4>MODERN DESIGN</h4>
						<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
					</div>
					<div class="fl fone">
						<span class="fl fa fa-wechat" style="color: #f9d66f;"></span>
						<h4>SUPER CUSTOMIZABLE</h4>
						<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
					</div>
					<div class="fl fone">
						<span class="fl fa fa-wechat" style="color: #f9d66f;"></span>
						<h4>UNIQUE LAYOUT</h4>
						<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
					</div>
				</div>
				<div class="fl frigh">
					<div class="fl fone">
						<span class="fl fa fa-wechat" style="color: #f9d66f;"></span>
						<h4>AJAX TRANSITIONS</h4>
						<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
					</div>
					<div class="fl fone">
						<span class="fl fa fa-wechat" style="color: #f9d66f;"></span>
						<h4>WOO COMMERCE</h4>
						<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
					</div>
					<div class="fl fone">
						<span class="fl fa fa-wechat" style="color: #f9d66f;"></span>
						<h4>40+ MODULES</h4>
						<p>Proin facilisis varius nunc. Curabitur eros risus, ultrices et dui ut, luctus accumsan nibh. Fusce convallis sapien placerat tellus suscipit vehicula.</p>
					</div>
				</div>
			</div>
			<div class="five"></div>
			<div class="w six">
				<h1><b>OUR WORK</b></h1>
				<div class="p3"><p>A beautiful responsive multi-purpose wordpress theme</p></div>
				<div class="yel fl">
					<div class="fl line"></div>
					<div class="fl box2"></div>
					<div class="fl line"></div>
				</div>
			</div>
			<div class="w seven">
				<div class="fl clearfix">
					<div class="fl box">All</div>
					<div class="fl box">Brochures</div>
					<div class="fl box">Mobile</div>
					<div class="fl box">Slider</div>
					<div class="fl box">Videos</div>
					<div class="fl box">Web</div>
					<div class="box4"></div>
				</div>
			</div>
			<div class="w eight">
				<div class="fl clearfix">
					<div class="fl boxs"><img src="images/road-product-650x385.jpg" alt="" width="374px" height="224px"></div>
					<div class="fl boxs"><img src="images/s3-650x385.jpg" alt="" width="374px" height="224px"></div>
					<div class="fl boxs"><img src="./images/Vinyl-Record-PSD-full-650x385.jpg" alt="" width="374px" height="224px"></div>
					<div class="fl boxs"><img src="images/poster-frame-650x385.jpg" alt="" width="374px" height="224px"></div>
					<div class="fl boxs"><img src="images/wanderlust07-650x385.jpg" alt="" width="374px" height="224px"></div>
					<div class="fl boxs"><img src="images/oshin-model-0011-650x385.jpg" alt="" width="374px" height="224px"></div>
				</div>
			</div>
			<div class="w view"><p>VIEW ALL WORK</p></div>
			<div class="rt">
				<div class="w">
					<span>
						<i class="fa fa-twitter fa-4x" style="color: #dfdfdf;"></i>
					</span>
				</div>
				<p>RT @ <span>InteractiveAU</span>: Growth hacking is marketing that doesnt scale says</p>
				<p><span>https://t.co/BrrwDbR2Pn</span></p>
				<p><b>@envato</b></p>
			</div>
			<div class="w our">
				<h1><b>OUR WORK</b></h1>
				<div class="p3"><p>A beautiful responsive multi-purpose wordpress theme</p></div>
				<div class="yel fl">
					<div class="fl line"></div>
					<div class="fl box2"></div>
					<div class="fl line"></div>
				</div>
			</div>
			<div class="w pulp clearfix">
				<div class="fl"><img src="images/Marks_2048x1536_144dpi_12_1000.jpg" alt="" width="630px" height="468px"></div>
				<div class="fr"><img src="images/Marks_2048x1536_144dpi_11_1000.jpg" alt="" width="630px" height="468px"></div>
			</div>
			<div class="get">
				<div class="w">
					<h5>GET IN TOUCH</h5>
					<p>Have an idea or a project, lets collaborate and build some awesome stuff</p>
					<div class="box3">BUY NOW</div>
				</div>
			</div>
		</div>
		<footer>
			<div class="last">
				<div class="w clearfix">
					<div class="fl a1">
						<div><img src="images/oshin-black-logo.png" alt=""></div>
						<p>Ea mei nostrum imperdiet deterruisset, mei ludus efficiendi ei. Sea summo mazim ex, ea errem eleifend definitionem vim. Detracto erroribus et mea.</p>
						<span class="fl fa-stack fa-lg">
							<i class="fa fa-circle-thin fa-stack-2x" style="color: #e0a240;"></i>
							<i class="fa fa-twitter fa-stack-1x" style="color: #e0a240;"></i>
						</span>
						<span class="fl fa-stack fa-lg">
							<i class="fa fa-circle-thin fa-stack-2x" style="color: #e0a240;"></i>
							<i class="fa fa-twitter fa-stack-1x" style="color: #e0a240;"></i>
						</span>
						<span class="fl fa-stack fa-lg">
							<i class="fa fa-circle-thin fa-stack-2x" style="color: #e0a240;"></i>
							<i class="fa fa-twitter fa-stack-1x" style="color: #e0a240;"></i>
						</span>
						<span class="fl fa-stack fa-lg">
							<i class="fa fa-circle-thin fa-stack-2x" style="color: #e0a240;"></i>
							<i class="fa fa-twitter fa-stack-1x" style="color: #e0a240;"></i>
						</span>
					</div>
					<div class="fl a2">
						<h3>Recent Posts</h3>
						<div class="at">
							<p class="pp3">Oshine – a Creative Multipurpose WordPress theme</p>
							<p>October 10, 2014</p>
						</div>
						<div class="ab">
							<p class="pp4">If You Are Good At Something, Don’t Do It For Free</p>
							<p>October 10, 2014</p>
						</div>
					</div>
					<div class="fl a3">
						<h4>Links</h4>
						<p>Home</p>
						<p>About Us</p>
						<p>Team</p>
						<p>Blog</p>
						<p>Contact</p>
					</div>
					<div class="fl a4">
						<h4>From Instagram</h4>
						<div class="fl"><img src="images/8c9609f5b2a9b3d02ef5c09353f24100.jpg" alt="" width="70px" height="70px"></div>
						<div class="fl"><img src="images/8925690044e337f4d9debf2c6cd32bc3.jpg" alt="" width="70px" height="70px"></div>
						<div class="fl"><img src="images/de8c453d761ac7766e88f163e9edeae8.jpg" alt="" width="70px" height="70px"></div>
						<div class="fl"><img src="images/536aa2e2a7f4164e20468743ed6e2f70.jpg" alt="" width="70px" height="70px"></div>
						<div class="fl"><img src="images/b77b591b7fb67676812d05cddee8237e.jpg" alt="" width="70px" height="70px"></div>
						<div class="fl"><img src="images/1c3913c0bb34fc46d7f5f2a6bccb86aa.jpg" alt="" width="70px" height="70px"></div>
						<div class="fl"><img src="images/96015b4ff95f287dabad214d239852cc.jpg" alt="" width="70px" height="70px"></div>
						<div class="fl"><img src="images/6b01da5c35f3c0e472365147b36d9a72.jpg" alt="" width="70px" height="70px"></div>
						<div class="fl"><img src="images/8c9609f5b2a9b3d02ef5c09353f24100.jpg" alt="" width="70px" height="70px"></div>
					</div>
				</div>
			</div>
			<div class="ends">
				<p>Copyright Brand Exponents 2014. All Rights Reserved</p>
			</div>
		</footer>
	</body>
</html>
